<div class="standalone-container">
    <div class="title">
        <h1>{{ "standalone-component.title" | translate }}</h1>
    </div>
    <div>
        <h2>Simple translations without parameters</h2>

        <p [translate]="'demo.simple.text-as-attribute'">Should be replaced</p>

        <p translate>demo.simple.text-as-content</p>

        <p>{{ "demo.simple.text-as-pipe-with-params" | translate: { value: "params" } }}</p>

        <p>{{ "standalone-component.extended" | translate }}</p>
    </div>
</div>
